<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./plugs/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="./css/public.css">
  <!-- 页面私有 -->
  <link rel="stylesheet" href="./css/user.css">
  <title>金诚立信</title>
</head>

<body>
  <div id="header">
    <div class="top">
      <div class="container">
        <div class="row">
          <div class="col-14">考证就到金诚立信，师资雄厚、实习机会多、考证通过率高！</div>
          <div class="col-10 text-right">2018-10-30 星期一 12:00</div>
        </div>
      </div>
    </div>
    <div class="logo">
      <div class="container">
        <div class="row">
          <div class="col-12"><img class="img-logo" src="images/logo.jpg" alt="金诚立信"></div>
          <div class="col-12 text-right logo-zixun">
            <img class="img-logo-phone" src="images/icon-phone.jpg" alt="电话">
            <span class="logo-phone-span align-middle">咨询电话： 010-89456286</span>
          </div>
        </div>
      </div>
    </div>
    <div class="menu">
      <div class="container position-relative">
        <ul class="nav nav-pills">
          <li class="nav-item">
            <a class="nav-link active" href="./index.html">首页</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./plan.html">课程安排</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./material.html">学习资料</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./revenue.html">税收筹划</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./feature.html">办学特色</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./school.html">学校动态</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./hire.html">就业推荐</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./statute.html">法规模块</a>
          </li>
        </ul>
        <div class="menu-right">
          <a class="menu-right-div menu-huiyuan" href="./user.html">会员中心</a>
          <a class="menu-right-div" href="#">金诚立信集团</a>
        </div>
      </div>
    </div>
  </div>

  <div id="main">
    <div class="user container">
      <div class="row  border-bottom pb-3">
        <div class="col-5">
          <img src="./img/tx.png" alt="">
        </div>
        <div class="col-12 my-auto">
          <p class="h3">欢迎来到金诚立信会员中心！</p>
          <p class="h4">我的昵称：<span class="text-danger">XXXXXXX</span></p>
        </div>
        <div class="col-7  my-auto">
          <span class="bg-danger text-white user-top-right d-block text-center">上次登录时间：2018-12-12 13:20:05</span>
        </div>
      </div>
      <div class="row user-main">
        <div class="col-6 user-left">
            <div class="card" style="width: 18rem;">
              <ul class="list-group list-group-flush text-center">
                <li class="list-group-item active"><a class="list-item-link" href="./user.html"><img src="./images/user1.png">课程订单</a></li>
                <li class="list-group-item"><a class="list-item-link" href="#"><img src="./images/user1.png">课程表单</a></li>
                <li class="list-group-item"><a class="list-item-link" href="./user-info.html"><img src="./images/user2.png">个人信息</a></li>
                <li class="list-group-item"><a class="list-item-link" href="./user-pass.html"><img src="./images/user3.png">密码修改</a></li>
                <li class="list-group-item"><a class="list-item-link" href="./user-address.html"><img src="./images/user4.png">地址修改</a></li>
                <li class="list-group-item"><a class="list-item-link" href="#"><img src="./images/user5.png">简历附件</a></li>
              </ul>
            </div>
        </div>
        <div class="col user-right border border-danger">
          <div class="user-right">
              <div class="tab-content" id="pills-tabContent">
                <div class="user-order shadow-sm alert-warning">
                  <div class="text-center bg-info text-white font-weight-bold pt-3 pb-3">订单详情</div>
                  <div class="border-bottom">
                    <div class="row">
                      <div class="col-8 "><div class="m-3">· 课程类型：会计职称</div></div>
                      <div class="col-8 "><div class="m-3">· 学习课程《经济学基础》</div></div>
                      <div class="col-8 "><div class="m-3">· 报名时间：18/12/30</div></div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-24"><div class="m-3">· 开课时间：18/12/30</div></div>
                  </div>
                  <div class="row  user-order-item">
                    <div class="col-9 order-pay mb-2">
                        <div class="form-check form-check-inline ml-3 active" id="alipay">
                          <input class="form-check-input" type="radio" name="pay" id="alipaychecked" value="alipay" checked>
                          <label class="form-check-label" for="alipaychecked"><img src="./images/alipay_hover.png" alt="">支付宝</label>
                        </div>
                        <div class="form-check form-check-inline" id="wechat">
                          <input class="form-check-input" type="radio" name="pay" id="wechatchecked" value="wechat">
                          <label class="form-check-label" for="wechatchecked"><img src="./images/wechat.png" alt="">微信</label>
                        </div>
                    </div>
                    <div class="col-9 text-right">订单总额：<span class="text-danger h3">￥1689.00元</span></div>
                    <div class="col-6 text-right">
                      <div class="mr-3">
                          <button class="btn btn-danger btn-block" type="submit">立即支付</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="ab" class="d-none d-xl-block">
    <div class="ab-left position-fixed">
      <a href="./feature-item.html">
        <img src="./img/ab-1.png" alt="">
      </a>
      <button type="button" class="close position-absolute" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="ab-right position-fixed">
      <div class="ab-right-arpper">
          <div class="ab-right-tit"><span>会员财会咨询通道</span></div>
          <div class="ab-right-con mb-2">
            <div class="border-bottom border-danger mb-2"><span class="h5">客服QQ 1</span> <img src="./img/qq.png"></div>
            <div class="mb-2"><span class="h5">客服QQ 2</span> <img src="./img/qq.png"></div>
            <div class="row mb-2">
                <div class="col d-inline-block">
                    <img class="img-fluid" src="./images/erweima.jpg" alt="">
                  </div>
                  <div class="col d-inline-block">
                    <img class="img-fluid" src="./images/erweima.jpg" alt="">
                  </div>
            </div>
          </div>
      </div>
      <div id="btn_top" class="ab-right-uptop"><span>返回顶部</span></div>
    </div>
  </div>

  <div id="footer">
    <div class="foot-con">
      <div class="container">
        <div class="row">
            <div class="foot-con-left1 col-5">
               <a href="#" class="foot-com-top btn btn-danger">快速注册会员</a>
              <div class="border border-warning foot-con-left1-div">
                <div class="footer-left1-tit"><img src="./images/icon-zhi.png" alt=""> 量身定制课程</div>
                <input class="form-control" type="text" placeholder="请填写您的姓名">
                <input class="form-control" type="text" placeholder="请填写您的电话">
                <textarea class="form-control" placeholder="请填写您想学期的课程"></textarea>
                <input class="form-control btn btn-danger" type="text" value="提交">
              </div>
            </div>
            <div class="col-1 mx-auto"><div class="f-bk"></div></div>
            <div class="foot-con-left2 col-6">
              <dl class="w-50 float-left foot-left2-blo">
                <dt><a href="#">关于金诚立信</a></dt>
                <dd><a href="#">课程安排</a></dd>
                <dd><a href="#">新闻中心</a></dd>
                <dd><a href="#">学校简介</a></dd>
                <dd><a href="#">学习资料</a></dd>
                <dd><a href="#">行业资讯</a></dd>
                <dd><a href="#">学校新闻</a></dd>
                <dd><a href="#">课程安排</a></dd>
              </dl>
              <dl class="w-50 float-left foot-left2-blo">
                <dt><a href="#">培训项目</a></dt>
                <dd><a href="#">初级职称</a></dd>
                <dd><a href="#">中级职称</a></dd>
                <dd><a href="#">税务师</a></dd>
                <dd><a href="#">财税班</a></dd>
                <dd><a href="#">注册会计师</a></dd>
                <dd><a href="#">会计实操班</a></dd>
                <dd><a href="#">会计全能班</a></dd>
              </dl>
            </div>
            <div class="col-1 mx-auto"><div class="f-bk"></div></div>
            <div class="foot-con-left3 col-3 text-center">
                <p class="text-left h4 mb-4">联系我们</p>
                <p class="text-left  h5 mb-4">统一服务电话：<br>
                    010-89456286</p>
                <img class="text-center" src="./images/erweima.jpg" alt="">
                <p class="text-center">微信公众号</p>
              </div>
            <div class="col-1 mx-auto"><div class="f-bk"></div></div>
            <div class="foot-con-left2 col-7">
                <iframe src="./mapbaidu.html" frameborder="0" width="100%" height="270" scrolling="no" marginwidth="0"></iframe>
                <p class="h4">学校地址：北京市顺义区港鑫家园福景院1-101</p>
            </div>
        </div>
      </div>
    </div>
    <div class="foot-icp">
      <p class="text-center">北京市顺义区金诚立信培训学校版权所有 &emsp;&emsp; ICP备案号：鲁ICP备字123456号</p>
    </div>
  </div>

 
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./plugs/stickUp-master/stickUp.min.js"></script>
  <script type="text/javascript">
    //initiating jQuery
    jQuery(function($) {
      $(document).ready( function() {
        //enabling stickUp on the '.navbar-wrapper' class
        $('.menu').stickUp();

        //close
        $('.close').click(function () {
          $(this).parent().hide();
        })

        $(window).scroll(function () {
          if ($(window).scrollTop() >= 200) {
              $('#btn_top').fadeIn();
          }else {
              $('#btn_top').fadeOut();
          }
        });
        $("#btn_top").click(function(){
          if ($('html').scrollTop()) {
            $('html').animate({ scrollTop: 0 }, 1000);
            return false;
          }
          $('body').animate({ scrollTop: 0 }, 1000);
          return false;
	      }); 
      });
    });
  </script>
   <!-- 页面私有 -->
  <script>
     $(function(){
          function tab(navItem,navActiveClassName){
              navItem.click(function(){
                  $(this).addClass(navActiveClassName).siblings().removeClass(navActiveClassName);
                  var id=$(this).attr("id");//id命名需要和图片名称一样
                  navItem.each(function(){
                      var newId=$(this).attr("id");
                      if(id==newId){
                          $(this).find("img").attr("src","./images/"+id+"_hover.png");//点亮的图片名称加_hover
                      }else {
                          $(this).find("img").attr("src","./images/"+newId+".png");
                      }
                  })
              })
          }
          tab($(".order-pay .form-check"),"active");
      })
  </script>
</body>

</html>